::v-deep(.micro-dormitory-tabs) {
  width: 100%;
  .micro-dormitory-tabs-nav::before {
    border-color: #e1dddd;
  }
  .micro-dormitory-tabs-nav-list {
    margin-left: 30px;
    margin-bottom: 0;
  }
  .micro-dormitory-tabs-tab {
    font-size: 16px !important;
    margin-bottom: 8px;
    padding: 0;
  }
  .micro-dormitory-tabs-ink-bar {
    width: 100px;
  }
}
.access-control-main-box {
  // height: 7px;
  border-bottom: 1px solid #e1dddd;
  box-sizing: border-box;
  padding: 20px 20px 0 40px;
  height: calc(100vh - 48px - 55px - 49px - 40px - 7px);
  min-height: 440px;
  overflow-y: scroll;
}
.main-list-box {
  max-height: calc(100% - 56px - 40px);
  // overflow-y: scroll;
  padding-right: 20px;
  box-sizing: border-box;
  > div {
    margin-bottom: 16px;
  }
  > div:last-child {
    margin-bottom: 0;
  }
}
.main-item-box {
  padding: 24px 32px;
  box-sizing: border-box;
  width: 100%;
  height: 187px;
  background-color: #f8f8f8;
  // margin-bottom: 16px;
  .list-title {
    font-weight: 600;
    font-size: 18px;
    line-height: 27px;
    color: #222222;
    margin-bottom: 16px;
  }
}
::v-deep(.micro-dormitory-form) {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  .micro-dormitory-form-item {
    width: 45%;
    min-width: 377px;
    margin-bottom: 18px;
    position: relative;
    .micro-dormitory-form-item-label {
      margin-right: 4px;
      label {
        font-size: 16px;
        color: #222222;
        height: 40px;
      }
    }
  }
  .micro-dormitory-form-item-explain-error,
  .micro-dormitory-form-item-explain {
    position: absolute;
    bottom: -1px;
    width: 100%;
  }
  .micro-dormitory-form-item-with-help {
    margin-bottom: 0;
  }
  .micro-dormitory-input {
    font-size: 16px;
  }
  .micro-dormitory-form-item-control-input {
    height: 40px;
    .micro-dormitory-form-item-control-input-content,
    .micro-dormitory-picker {
      height: 100%;
      width: 284px;
    }
    input {
      text-align: center;
    }
  }

  .micro-dormitory-select {
    height: 40px;

    .micro-dormitory-select-selector {
      height: 40px;
      display: flex;
      align-items: center;
      font-size: 16px;
    }
    .micro-dormitory-select-selection-search-input {
      height: 38px;
    }
    .micro-dormitory-select-arrow {
      top: 50%;
    }
    .micro-dormitory-select-selection-overflow {
      height: 38px;
      flex-wrap: nowrap;
      overflow: hidden;
    }
    .micro-dormitory-select-selection-overflow-item {
      margin-top: -3px;
    }
  }
  > div {
    display: flex;
    width: 100%;
    justify-content: space-between;
  }
}
.name-input {
  height: 40px;
  ::v-deep(.micro-dormitory-input) {
    text-align: left !important;
    border-radius: 4px;
  }
}
::v-deep(.micro-dormitory-select-dropdown) {
  border: 1px solid v-bind('setStyles.primaryColor') !important;
  border-radius: 4px !important;
  padding: 0;
  .micro-dormitory-select-item:hover {
    color: v-bind('setStyles.primaryColor');
    background-color: transparent;
  }
  .micro-dormitory-select-item-option-active {
    background-color: transparent;
  }
  .micro-dormitory-select-item-option-selected {
    background-color: v-bind('setStyles.backgroundColor') !important;
  }
  //   .micro-dormitory-select-item-option-active {
  //     background-color: transparent;
  //   }
  .micro-dormitory-select-item-option-disabled {
    background-color: transparent;
  }
  .micro-dormitory-select-item-option-selected {
    color: v-bind('setStyles.primaryColor') !important;
  }
}

.access-control-add-box {
  // width: calc(100% - 80px);
  width: 100%;
  min-width: 887px;
  height: 56px;
  border: 1px solid #e1dddd;
  margin: 16px 0px 24px;
  color: #999999;
}

.add-no-box {
  // background: #f2f2f2 !important;
  user-select: none;
  color: #e6e6e6 !important;
  border: 1px solid #e6e6e6 !important;
  cursor: not-allowed !important;
}
.del-box {
  position: relative;
  color: #999999;
  font-size: 16px;
  cursor: pointer;
  e {
    cursor: pointer;
    margin-right: 4px;
  }
  e:last-child {
    display: none;
  }
}
.del-box:hover {
  color: v-bind('setStyles.primaryColor');
  e {
    display: none;
  }
  e:last-child {
    display: inline-block;
  }
}
.select-z {
  position: relative;
  // border: 1px solid green;
  display: inline-block;
  width: 100%;
}
.select-icon {
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  right: 11px;
  width: 16px;
  height: 16px;
  display: flex;
  align-items: center;
  // border: 1px solid #f00;
  img {
    width: 16px;
    height: 16px;
  }
}
.z-time-box-new {
  // border: 1px solid #f00;
  height: 40px;
  display: inline-block;
  width: 100%;
  position: relative;
  .z-time-box-icon {
    width: 17px;
    height: 17px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 12px;
    margin: auto;
    img {
      width: 17px;
      height: 17px;
    }
  }
}
.new-rulesd /deep/.micro-dormitory-picker-focused {
  box-shadow: none;
}
.new-rulesd
  /deep/.micro-dormitory-select-focused:not(.micro-dormitory-select-disabled).micro-dormitory-select:not(.micro-dormitory-select-customize-input)
  .micro-dormitory-select-selector {
  box-shadow: none;
}
.new-rulesd /deep/.micro-dormitory-input-affix-wrapper:focus,
.micro-dormitory-input-affix-wrapper-focused {
  box-shadow: none;
}
.new-rulesd /deep/.micro-dormitory-select-multiple .micro-dormitory-select-selection-item-remove {
  display: flex !important;
  align-items: center !important;
}

.new-rulesd
  /deep/.micro-dormitory-select-multiple
  .micro-dormitory-select-selection-item-remove
  > .anticon {
  display: flex;
  align-items: center;
}
.new-rulesd /deep/input::placeholder {
  color: #c2c2c2 !important;
}
.z-time-box-new
  /deep/.micro-dormitory-picker-range.micro-dormitory-picker-focused
  .micro-dormitory-picker-active-bar {
  display: none;
}
.time-center {
  font-weight: 400;
  font-size: 14px;
  color: #666666;
}
// .z-time-box-new /deep/.micro-dormitory-picker-separator
.select-new /deep/.micro-dormitory-select-arrow svg {
  display: none;
}

.select-new /deep/.micro-dormitory-select-arrow {
  width: 16px;
  height: 16px;
  background-image: url(../../../assets/images/rule/icon_select_down.png);
  top: 0 !important;
  bottom: 0;
  margin: auto;
  // border: 1px solid #f00;
  background-size: 100% 100%;
}
.new-rulesd /deep/.micro-dormitory-input-show-count-suffix {
  font-size: 14px;
  color: #c2c2c2;
}
/deep/.micro-dormitory-input-affix-wrapper {
  border: 1px solid #e1dddd;
  border-radius: 4px;
  padding-left: 12px;
}
/deep/.micro-dormitory-select:not(.micro-dormitory-select-customize-input)
  .micro-dormitory-select-selector {
  border: 1px solid #e1dddd;
  border-radius: 4px;
}
// /deep/.micro-dormitory-picker {
//   border: 1px solid #e1dddd;
//   border-radius: 4px;
// }
/deep/.micro-dormitory-select-multiple .micro-dormitory-select-selection-item {
  border: 1px solid #e1dddd;
  border-radius: 4px;
  background: #f2f2f2;
  color: rgba(0, 0, 0, 0.8);
  font-size: 14px;
}
/deep/.micro-dormitory-select-multiple .micro-dormitory-select-selector {
  padding-left: 11px;
  padding-right: 26px;
}
::v-deep(.object-change-down) {
  box-sizing: border-box;
  padding: 0;
  .micro-dormitory-checkbox-wrapper {
    height: 40px;
    line-height: 40px;
    width: 100%;
    padding-left: 12px;
  }
  .micro-dormitory-checkbox-wrapper:hover {
    color: v-bind('setStyles.primaryColor');
  }
  .micro-dormitory-checkbox-inner {
    border-radius: 0 !important;
  }
  .checkbox-no-all {
    .micro-dormitory-checkbox-inner {
      border: 1px solid v-bind('setStyles.primaryColor');
      border-radius: 0 !important;
      // background-color: red;
    }
    .micro-dormitory-checkbox::after {
      position: absolute;
      width: 7px;
      height: 7px;
      background-color: v-bind('setStyles.primaryColor');
      opacity: 1;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%);
      border: 0 !important;
      transform: '';
      transition: '';
      content: ' ';
    }
  }
  .micro-dormitory-checkbox-wrapper-checked {
    background: v-bind('setStyles.backgroundColor');
  }
  .micro-dormitory-checkbox-group {
    display: flex;
    flex-direction: column;
    .micro-dormitory-checkbox-group-item,
    .micro-dormitory-checkbox-wrapper {
      height: 40px;
      line-height: 40px;
      width: 100%;
      padding-left: 12px;
    }
    .micro-dormitory-checkbox-group-item:hover,
    .micro-dormitory-checkbox-wrapper:hover {
      color: v-bind('setStyles.primaryColor');
    }
    .micro-dormitory-checkbox-wrapper-checked {
      background: v-bind('setStyles.backgroundColor');
    }
    .micro-dormitory-checkbox-group-item:last-child {
      margin-bottom: 0;
    }
    .micro-dormitory-checkbox-inner {
      border-radius: 0 !important;
    }
  }
}
.access-control-rules-box {
  min-height: 540px;
  // .micro-dormitory-tabs-ink-bar {
  //   width: 106px !important;
  // }
}
.checkOutStyle {
  width: 280px;
  height: 48px;
  background: #f8f8f8;
  border-radius: 4px;
  display: flex;
  align-items: center;
  padding: 14px;
  img {
    margin-right: 8px;
  }
}
.access-form-err {
  font-size: 16px;
  font-weight: 400;
  color: #ff0000;
  margin-top: 4px;
  // line-height: 24px;
  display: inline-block;
  width: 100%;
  text-align: right;
}
.time-change-box .micro-dormitory-picker.micro-dormitory-picker-range {
  width: 100% !important;
}
